import React from 'react';
import { Menu, Layout } from 'antd';
import './ContactUs.css'
import HandLove from './images/551.svg'
const { Header, Footer, Sider, Content } = Layout;
const headerStyle = {
    textAlign: 'center',
    color: '#fff',
    height: 64,
    paddingInline: 48,
    lineHeight: '64px',
    backgroundColor: '#141E20',
  };
  const contentStyle = {
    textAlign: 'center',
    minHeight: 120,
    lineHeight: '120px',
    color: '#fff',
    backgroundColor: '#141E20',
  };
  const siderStyle = {
    textAlign: 'center',
    lineHeight: '120px',
    color: '#fff',
    backgroundColor: '#23363A',
  };
  const layoutStyle = {
    overflow: 'hidden',
    width: '100%',
    maxWidth: '100%',
    height: '100vh'
  };
const ContactUs = () => {
    return (
        <>
        <Layout style={layoutStyle}>
        <Sider width="403px" style={siderStyle}>
            <img src='../public/images/LOGO1.svg' />
            <div className='checkMenu'>
                <HandLove />
                Welcome to FlashBlock?
            </div>
        </Sider>
        <Layout>
            <Header style={headerStyle}>Header</Header>
            <Content style={contentStyle}>Content</Content>
        </Layout>
        </Layout>
        </>
    );
}
export default ContactUs;